@import './theme.less';

html,
body {
  width: 100%;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {

  & {
    --el-color-primary: @primary-color;
    --el-color-primary-light-3: @primary-color-light-3;
    --el-color-primary-light-5: @primary-color-light-5;
    --el-color-primary-light-7: @primary-color-light-7;
    --el-color-primary-light-8: @primary-color-light-8;
    --el-color-primary-light-9: @primary-color-light-9;
    --el-color-primary-dark-2: @primary-color-dark-2;

    --el-color-success: @success-color;
    --el-color-success-light-3: @success-color-light-3;
    --el-color-success-light-5: @success-color-light-5;
    --el-color-success-light-7: @success-color-light-7;
    --el-color-success-light-8: @success-color-light-8;
    --el-color-success-light-9: @success-color-light-9;
    --el-color-success-dark-2: @success-color-dark-2;

    --el-color-warning: @warning-color;
    --el-color-warning-light-3: @warning-color-light-3;
    --el-color-warning-light-5: @warning-color-light-5;
    --el-color-warning-light-7: @warning-color-light-7;
    --el-color-warning-light-8: @warning-color-light-8;
    --el-color-warning-light-9: @warning-color-light-9;
    --el-color-warning-dark-2: @warning-color-dark-2;

    --el-color-danger: @danger-color;
    --el-color-danger-light-3: @danger-color-light-3;
    --el-color-danger-light-5: @danger-color-light-5;
    --el-color-danger-light-7: @danger-color-light-7;
    --el-color-danger-light-8: @danger-color-light-8;
    --el-color-danger-light-9: @danger-color-light-9;
    --el-color-danger-dark-2: @danger-color-dark-2;

    --el-color-error: @error-color;
    --el-color-error-light-3: @error-color-light-3;
    --el-color-error-light-5: @error-color-light-5;
    --el-color-error-light-7: @error-color-light-7;
    --el-color-error-light-8: @error-color-light-8;
    --el-color-error-light-9: @error-color-light-9;
    --el-color-error-dark-2: @error-color-dark-2;

    --el-color-info: @info-color;
    --el-color-primary-light-3: @primary-color-light-3;
    --el-color-primary-light-5: @primary-color-light-5;
    --el-color-primary-light-7: @primary-color-light-7;
    --el-color-primary-light-8: @primary-color-light-8;
    --el-color-primary-light-9: @primary-color-light-9;
    --el-color-primary-dark-2: @primary-color-dark-2;

    font-size: @font-size-base;
    background-color: @body-color;
    color: @base-color;
  }

  &.dark {
    --el-color-primary: @dark-primary-color;
    --el-color-primary-light-3: @dark-primary-color-light-3;
    --el-color-primary-light-5: @dark-primary-color-light-5;
    --el-color-primary-light-7: @dark-primary-color-light-7;
    --el-color-primary-light-8: @dark-primary-color-light-8;
    --el-color-primary-light-9: @dark-primary-color-light-9;
    --el-color-primary-dark-2: @dark-primary-color-dark-2;

    --el-color-success: @dark-success-color;
    --el-color-success-light-3: @dark-success-color-light-3;
    --el-color-success-light-5: @dark-success-color-light-5;
    --el-color-success-light-7: @dark-success-color-light-7;
    --el-color-success-light-8: @dark-success-color-light-8;
    --el-color-success-light-9: @dark-success-color-light-9;
    --el-color-success-dark-2: @dark-success-color-dark-2;


    --el-color-warning: @dark-warning-color;
    --el-color-warning-light-3: @dark-warning-color-light-3;
    --el-color-warning-light-5: @dark-warning-color-light-5;
    --el-color-warning-light-7: @dark-warning-color-light-7;
    --el-color-warning-light-8: @dark-warning-color-light-8;
    --el-color-warning-light-9: @dark-warning-color-light-9;
    --el-color-warning-dark-2: @dark-warning-color-dark-2;

    --el-color-danger: @dark-danger-color;
    --el-color-danger-light-3: @dark-danger-color-light-3;
    --el-color-danger-light-5: @dark-danger-color-light-5;
    --el-color-danger-light-7: @dark-danger-color-light-7;
    --el-color-danger-light-8: @dark-danger-color-light-8;
    --el-color-danger-light-9: @dark-danger-color-light-9;
    --el-color-danger-dark-2: @dark-danger-color-dark-2;

    --el-color-error: @dark-error-color;
    --el-color-error-light-3: @dark-error-color-light-3;
    --el-color-error-light-5: @dark-error-color-light-5;
    --el-color-error-light-7: @dark-error-color-light-7;
    --el-color-error-light-8: @dark-error-color-light-8;
    --el-color-error-light-9: @dark-error-color-light-9;
    --el-color-error-dark-2: @dark-error-color-dark-2;

    --el-color-info: @dark-info-color;
    --el-color-info-light-3: @dark-info-color-light-3;
    --el-color-info-light-5: @dark-info-color-light-5;
    --el-color-info-light-7: @dark-info-color-light-7;
    --el-color-info-light-8: @dark-info-color-light-8;
    --el-color-info-light-9: @dark-info-color-light-9;
    --el-color-info-dark-2: @dark-info-color-dark-2;

    background-color: @dark-body-color;
    color: @dark-base-color;
  }
}